
<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>游戏商店</title>
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
            crossorigin="anonymous">
        <!-- jQuery -->
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
        <link rel="stylesheet" href="1.css">   </head>
    <body>
        <div class="navbar navbar-inverse " id="a">

            <ul class="nav navbar-nav">
    
                <li>
                    <a href="#">联系电话：+00 11 22 33</a>
                </li>
                <li>
                    <a href="#">邮箱地址：11@email.com</a>
                </li>s
              
            </ul>
            <ul class="nav navbar-nav navbar-right">
                    <li>
                            <a href="shop2.html">周边商店</a>
                         </li>
                <li>
                   <a href="index.html">点击返回</a>
                </li>
            </ul>
        </div>
    
    <div class="navbar" id="b">
        
        <div class="container">       
        <ul class="nav navbar-nav">
                <li class="active">
                        <a href="#">精选</a>
                    </li>          
            <li>
                <a href="#">所有游戏</a>
            </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
                <li class="">
                        <a href="#">大型游戏</a>
                    </li> 
                       <li>
                <a href="#">单机</a>
            </li> 
                    <li>
                            <input type="text" placeholder="点击搜索">
                            <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
                        </li>          
        </ul>
        
    </div><div id="ad-carousel" class="carousel slide container" data-ride="carousel" style="padding-top: 50px;">
                <ol class="carousel-indicators">
                    <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#ad-carousel" data-slide-to="1" class=""></li>
                    <li data-target="#ad-carousel" data-slide-to="2" class=""></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="1.jpg" alt="1 slide">
        
                        <div class="">
                            <div class="carousel-caption">
                                    <h1>剑灵</h1>
                                    <p><a class="btn btn-lg btn-primary" href="#" target="_blank" role="button">点击购买</a></p>
                                    <p>售价￥50(1折)</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="2.jpg" alt="2 slide">
                        <div class="">
                            <div class="carousel-caption">
                                    <h1>寻仙</h1>
                                    <p><a class="btn btn-lg btn-primary" href="#" target="_blank" role="button">点击购买</a></p>
                                    <p>售价￥74.5(8折)</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="3.jpg" alt="3 slide">
        
                        <div class="">
                            <div class="carousel-caption">
                                <h1>极品修真</h1>
                                <p><a class="btn btn-lg btn-primary" href="#" target="_blank" role="button">点击购买</a></p>
                                <p>售价￥50(7折)</p>
                                
                            </div>
                        </div>
                    </div>
        
                </div>
        </div>
    <a class="left carousel-control" href="#ad-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#ad-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
        
    </body>
</html>
